<template>
	<view class="all" :style="{'height':widHeight + 'px'}">
		<view class="Days">
			最近七天
		</view>
		<view class="collapse">
			<u-collapse v-for="(item,index) in mass[0]" :key="index" v-if='index > 0'>
				<view class="u-collapse-item-4">
					<u-collapse-item :title="item.theme" name="Docs guide">

						<view class="u-collapse-item-2">
							<view class="u-collapse-item-1">
								{{item.title1}}
							</view>
							<view class="u-collapse-content">{{item.context1}}</view>
						</view>
						<view class="u-collapse-item-2">
							<view class="u-collapse-item-1">
								{{item.title2}}
							</view>
							<view class="u-collapse-content">{{item.context2}}</view>
						</view>

					</u-collapse-item>
				</view>
			</u-collapse>
		</view>
		<view class="collct">
			本页面展示的收集情况从2023-4-1起统计，数据并非实时更新，可能存在延迟
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: void 0,
				widHeight: void 0,
				msg: [
					[
						'用户基本信息',
						{
							theme: '优购邮箱',
							title1: '使用目的',
							context1: "作为社交信息的一部分帮助用户间互相了解",
							title2: '使用场景及其次数',
							context2: "用于个人资料展示及填写个人联系方式   0次"
						},
						{
							theme: '生日',
							title1: '使用目的',
							context1: "作为社交信息的一部分帮助用户间互相了解",
							title2: '使用场景及其次数',
							context2: "用于QQ、空间、小世界、看点、附近的人等功能的社交资料展示   0次"
						},
						{
							theme: '性别',
							title1: '使用目的',
							context1: "作为社交信息的一部分帮助用户间互相了解",
							title2: '使用场景及其次数',
							context2: "用于QQ、空间、小世界、看点、附近的人等功能的社交资料展示   0次"
						},
						{
							theme: '国籍',
							title1: '使用目的',
							context1: "作为社交信息的一部分帮助用户间互相了解",
							title2: '使用场景及其次数',
							context2: "用于优购、附近的人等功能的社交资料展示   0次"
						},
						{
							theme: '手机号码',
							title1: '使用目的',
							context1: "保障优购帐号安全、服务运行安全",
							title2: '使用场景及其次数',
							context2: "用于优购帐号注册、身份验证、帐号安全设置等功能   0次"
						},
					],
					[
						'用户私密信息',
						{
							theme: '步数',
							title1: '使用目的',
							context1: "作为社交信息的一部分帮助用户间互相了解",
							title2: '优购运动',
							context2: "使用场景及其次数  6次"
						},
					],
					[
						'其他背景审核资料',
						{
							theme: '学历',
							title1: '使用目的',
							context1: "作为社交信息的一部分帮助用户间互相了解",
							title2: '使用场景及其次数',
							context2: "用于优购功能的社交资料展示   0次"
						},
						{
							theme: '现工作单位',
							title1: '使用目的',
							context1: "作为社交信息的一部分帮助用户间互相了解",
							title2: '使用场景及其次数',
							context2: "用于优购功能的社交资料展示   0次"
						},
						{
							theme: '职业',
							title1: '使用目的',
							context1: "作为社交信息的一部分帮助用户间互相了解",
							title2: '使用场景及其次数',
							context2: "用于优购功能的社交资料展示  0次"
						},
						{
							theme: '学校经历',
							title1: '使用目的',
							context1: "作为社交信息的一部分帮助用户间互相了解",
							title2: '使用场景及其次数',
							context2: "用于优购功能的社交资料展示   0次"
						},
						{
							theme: '手机号码',
							title1: '使用目的',
							context1: "保障优购帐号安全、服务运行安全",
							title2: '使用场景及其次数',
							context2: "用于优购帐号注册、身份验证、帐号安全设置等功能   0次"
						},
					],



					[
						'用户网络身份标识和鉴权信息',
						{
							theme: '头像',
							title1: '使用目的',
							context1: "作为社交信息的一部分帮助用户间互相了解",
							title2: '使用场景及其次数',
							context2: "用于优购功能的社交资料展示   0次"
						},
						{
							theme: '会员名或昵称',
							title1: '使用目的',
							context1: "作为社交信息的一部分帮助用户间互相了解",
							title2: '使用场景及其次数',
							context2: "用于优购功能的社交资料展示   0次"
						},
						{
							theme: '个性签名',
							title1: '使用目的',
							context1: "作为社交信息的一部分帮助用户间互相了解",
							title2: '使用场景及其次数',
							context2: "用于优购功能的社交资料展示   0次"
						},

					],

					[
						'用户使用信息',
						{
							theme: '相册、多媒体文件',
							title1: '使用目的',
							context1: "分享和发布照片、视频等动态",
							title2: '使用场景及其次数',
							context2: "丰富用户通讯和社交体验，发布图片、视频内容   0次"
						},

					],
					[
						'联系人信息',
						{
							theme: '相册、多媒体文件',
							title1: '使用目的',
							context1: "在用户授权的情况下，推荐其他已授权开启通讯录的好友",
							title2: '使用场景及其次数',
							context2: "优购好友推荐   0次"
						},

					],
					[
						'设备属性信息',
						{
							theme: '移动设备识别码',
							title1: '使用目的',
							context1: "保障优购帐号安全、服务运行安全",
							title2: '使用场景及其次数',
							context2: "登录优购帐号安全判断   0次"
						},
						{
							theme: '唯一设备标识符',
							title1: '使用目的',
							context1: "保障优购帐号安全、服务运行安全",
							title2: '使用场景及其次数',
							context2: "登录优购帐号安全判断   0次"
						},
					],
				],
				mass: [],
			};
		},
		onLoad(option) {
			uni.$setNavigationBarColor()
			const windowInfo = uni.getWindowInfo()
			this.widHeight = windowInfo.windowHeight //可使用窗口宽度
			this.title = option.titile
			wx.setNavigationBarTitle({
				title: this.title
			})
			this.mass = this.msg.filter(item => item[0] == this.title)
			console.log(this.mass)
		},
		onShow() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.all {
		background-color: #f5f5f5;

		.Days {
			height: 50px;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: white;
		}

		.collct {
			width: 93%;
			margin: 0 auto;
			font-size: 12px;
			color: #a6a6a6;
			margin-top: 15px;
		}

		.collapse {
			background-color: white;

			.u-collapse-item-4 {
				margin-bottom: 20px;

				.u-collapse-item-2 {
					margin-bottom: 20px;

					.u-collapse-item-1 {
						font-weight: 800;
					}

					.u-collapse-content {
						color: #a8a8a8;
						margin-top: 10px;

					}
				}
			}



		}
	}
</style>